page{
	background-color: #f2f2f2;
	font-size: 28rpx;
}

image{display: block;}

.title{
	position: relative;
	line-height: 40rpx;
	padding-left: 28rpx;
	margin-top: 25rpx;
	
	&:after{
		content: '';
		position: absolute;
		top: 4rpx;
		left: 6rpx;
		width: 6rpx;
		height: 32rpx;
		border-radius: 6rpx;
		background-color: #0daef1;
	}
}

// 圆角按钮
.btn-fillet{
	width: 300rpx;
	height: 74rpx;
	line-height: 74rpx;
	text-align: center;
	color: #fff;
	border-radius: 10rpx;
	background-color: #12b3f1;
	box-shadow: 0 6rpx 6rpx #ace0f3;
}
// 胶囊按钮
.btn-capsule{
	width: 160rpx;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	color: #fff;
	border-radius: 60rpx;
	background-color: #ecf5ff;
}
// 图片按钮
.btn-img{
	position: relative;
	width: 150rpx;
	height: 45rpx;
	line-height: 45rpx;
	text-align: center;
	color: #fff;
	image{
		width: 100%;
		height: 100%;
	}
	
	.tit{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

.popup-submit-content{
	text-align: center;
	padding: 24rpx;
	min-width: 396rpx;
}

.lj-tabs{
	margin-top: 24rpx;
	padding-bottom: 7rpx;
	.item{
		min-width: 136rpx;
		padding: 0 10rpx;
		height: 40rpx;
		line-height: 36rpx;
		border-radius: 40rpx;
		font-size: 24rpx;
		color: #1141c2;
		border: 2rpx solid #638bf8;
		background-color: #f4f7ff;
		text-align: center;
		margin-right: 30rpx;
		
		&.info{
			color: #1141c2;
			border-color: #638bf8;
			background-color: #f4f7ff;
		}
		&.danger{
			color: #aa1010;
			border-color: #fc4747;
			background-color: #ffecec;
		}
		&.success{
			color: #4b9710;
			border-color: #55b411;
			background-color: #e6f6da;
		}
	}
}

.finddoctor{
	.content{
		padding-top: 206rpx;
		padding-bottom: 102rpx;
	}
	/* 搜索 */
	.doclist_search {
		position: fixed;
		width: 100%;
		z-index: 9999;
		background-color: rgba(0,0,0,.48);
		
		.outer{
			padding: 22rpx 0 0;
			background-color: #fff;
			box-shadow: 0 2rpx 6rpx #eee;
		}
		
		.search-box{
			padding: 0 36rpx;
		}
		
		.funnel{
			margin-top: 56rpx;
			
			/deep/.u-icon__icon{
				transform:scaleY(.86);
			}
		}
		
		.funnel-mode{
			position: absolute;
			width: 100%;
			top: 204rpx;
			bottom: 300rpx;
			border-top: 4rpx solid #f6f6f6;
		}
		.area-list{
			height: 100%;
			background-color: #fff;
			line-height: 80rpx;
			color: #666666;
			
			.left{
				height: 100%;
				overflow-y: scroll;
				background-color: #f0f0f0;
				min-width: 150rpx;
				
				.item{
					padding: 0 30rpx;
					
					&.on{
						color: #12b3f1;
					}
				}
			}
			.right{
				height: 100%;
				overflow-y: scroll;
				
				.item{
					padding: 0 30rpx;
					
					&.on{
						color: #12b3f1;
					}
				}
			}
		}
		.at-list,.mode-list{
			// height: auto;
			max-height: 100%;
			overflow-y: scroll;
			background-color: #fff;
			
			.item{
				line-height: 80rpx;
				color: #666666;
				border-bottom: 1px solid #e9e9e9;
				text-align: center;
				
				&.on{
					color: #12b3f1;
				}
			}
		}
	}
	
	.doctor-list{
		padding: 0 20rpx;
		
		.item{
			position: relative;
			margin-top: 20rpx;
			padding: 0 8rpx;
			background-color: #fff;
			border-radius: 10rpx;
			font-size: 28rpx;
			
			.status{
				position: absolute;
				top: 14rpx;
				right: 46rpx;
				font-size: 24rpx;
				color: #aaa;
				
				&:before{
					position: absolute;
					top: 12rpx;
					left: -20rpx;
					content: '';
					width: 12rpx;
					height: 12rpx;
					border-radius: 50%;
					background-color: #aaa;
				}
				
				&.success{color: #15bb26;}
				&.warn{color: #ef8509;}
				
				&.success:before{background-color: #15bb26;}
				&.warn:before{background-color: #ef8509;}
			}
		
			.info{
				padding: 20rpx 12rpx;
				
				.avatar{
					width: 78rpx;
					min-width: 78rpx;
					height: 78rpx;
					margin-right: 30rpx;
					border-radius: 50%;
				}
				
				.tit{
					margin-bottom: 10rpx;
					
					.name{}
					.zc{
						font-size: 24rpx;;
						margin-left: 6rpx;
					}
				}
				
				.address{
					font-size: 24rpx;;
					margin-right: 32rpx;
				}
				.department{
					font-size: 24rpx;;
				}
			}
			
			.con{
				font-size: 24rpx;;
				color: #808080;
				margin-top: 12rpx;
				padding-right: 20rpx;
			}
			
			.pricebox{
				margin-top: 22rpx;
			
				.pit{
					font-size: 24rpx;;
					border-radius: 5rpx;
					color: #357505;
					background-color: #d8efc7;
					padding: 8rpx 14rpx;
				}
				.pit2{
					color: #b48415;
					background-color: #f7f3d2;
					margin-left: 20rpx;
				}
				.pit3{
					color: #4e31bb;
					background-color: #e3e6ff;
					margin-left: 20rpx;
				}
			}
			.btn-wys{
				width: 117rpx;
				height: 53rpx;
				line-height: 53rpx;
				border-radius: 53rpx;
				background-color: #12b3f1;
				color: #fff;
				font-size: 24rpx;
				text-align: center;
				margin-top: 30rpx;
				margin-right: 20rpx;
			}
		}
		
		.num-box{
			padding: 0 0 6rpx;
			margin-top: 12rpx;
			.num-item{
				font-size: 24rpx;;
				line-height: 18rpx;
				border-right: 1px solid #707070;
				padding-right: 24rpx;
				margin-right: 24rpx;
				
				&:last-child{
					border: none;
					padding-right: 0;
					margin-right: 0;
				}
				
				.label{
					color: #b1b1b1;
				}
				.num{
					color: #20940a;
				}
			}
			
		}
	
	}
	
}


.my{
	padding-bottom: 102rpx;
	
	.header{
		position: relative;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
	
		.outer{
			padding-bottom: 22rpx;
			margin-top: 10rpx;
			.userinfo{
				position: relative;
				padding-left: 64rpx;
				.avatar{
					width: 118rpx;
					min-width: 118rpx;
					height: 118rpx;
					border-radius: 50%;
				}
				.inner{
					margin-left: 5rpx;
					color: #fff;
					padding-top: 16rpx;
				}
				.info{
					margin-left: 14rpx;
					.nickname{font-size: 32rpx;}
					.phone{
						margin-left: 23rpx;
					}
				}
				
				.menu{
					margin-top: 26rpx;
					
					.item{
						width: 244rpx;
						height: 60rpx;
						border-radius: 60rpx;
						background-color: rgba(20,158,211,0.86);
						margin-right: 40rpx;
						&:last-child{margin-right: 0;}
						image{
							width: 36rpx;
							height: 36rpx;
							margin-right: 14rpx;
						}
					}
					
				}
			
				.setting{
					position: absolute;
					top: 0;
					right: 26rpx;
					width: 166rpx;
					height: 52rpx;
				}	
			}
			
		}
	}
	
	.content{
		padding: 0 20rpx 100rpx;
		
		.card{
			padding: 24rpx 16rpx 44rpx;
			background-color: #fff;
			border-radius: 10rpx;
			margin-top: 20rpx;
			
			.title{
				font-size: 32rpx;
			}
			
			.menu{
				.item{
					width: 25%;
					min-width: 25%;
					text-align: center;
					margin-top: 24rpx;
			
					image{
						width: 75rpx;
						height: 75rpx;
						margin: 0 auto 24rpx;
					}
					.tit{}
				}
				
			}
			
			.menu1{
				.item{
					width: 33.333%;
					min-width: 33.333%;
					text-align: center;
					margin-top: 48rpx;
			
					.pic{
						display: inline-block;
						position: relative;
						
						image{
							width: 70rpx;
							margin: 0 auto 8rpx;
						}
						
						.badge{
							position: absolute;
							right: -8rpx;
							top: -8rpx;
							width: 24rpx;
							height: 24rpx;
							line-height: 24rpx;
							border-radius: 50%;
							font-size: 18rpx;
							color: #fff;
							background-color: #ff0d0d;
							text-align: center;
						}
					}
					.tit{}
				}
				
			}
			.menu2{
				.item{
					margin-top: 40rpx;
					margin-bottom: 30rpx;
					
					image{
						width: 70rpx;
						height: 70rpx;
						margin: 0 auto 8rpx;
					}
					.tit{
						font-size: 28rpx!important;
					}
				}
				
			}
		}
		
		.btn-logout{
			margin: 40rpx auto 0;
		}
	}
	
}

.change{
	.content{
		padding: 0 20rpx 30rpx;
		
		.card{
			padding: 0 25rpx;
			background-color: #fff;
			border-radius: 10rpx;
			margin-top: 20rpx;
			
			/deep/.u-radio-label--right{
				height: 102rpx;
				padding: 0 16rpx!important;
			}
			
			/deep/.u-border-bottom{
				border-color: #ebebeb!important;
				
				&:last-child{border-width: 0!important;}
			}
		}
		
		.btn-submit{
			margin: 100rpx auto 0;
		}
	}
}

.doctor{
	padding-bottom: 102rpx;
	
	.header{
		position: relative;
		background-color: #fff;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
	
		.outer{
			margin-top: 24rpx;
			.userinfo{
				position: relative;
				padding-left: 64rpx;
				padding-right: 20rpx;
				color: #fff;
				.avatar{
					width: 116rpx;
					min-width: 116rpx;
					height: 116rpx;
					border-radius: 50%;
				}
				.info{
					margin-left: 30rpx;
					.nickname{font-size: 30rpx;margin-bottom: 14rpx;}
					.date, .week{
						font-size: 24rpx;
					}
					.week{
						margin-left: 24rpx;
					}
				}
				.btn-capsule{
					font-size: 30rpx;
					color: #e9a105;
					image{
						width: 40rpx;
						min-width: 40rpx;
						height: 40rpx;
						margin-right: 16rpx;
					}
				}
			}
			
			.menu{
				padding: 0 24rpx;
				margin-top: 18rpx;
				.inner{
					background-color: #fff;
					border-radius: 10rpx;
					padding: 22rpx 24rpx;
					box-shadow: 0 6rpx 10rpx #eee;
				}
				
				.item{
					position: relative;
					image{
						width: 66rpx;
						height: 69rpx;
						margin: 0 auto 6rpx;
					}
					.badge{
						position: absolute;
						right: 16rpx;
						top: -8rpx;
						width: 24rpx;
						height: 24rpx;
						line-height: 24rpx;
						border-radius: 50%;
						font-size: 18rpx;
						color: #fff;
						background-color: #ff0d0d;
						text-align: center;
					}
				}
				
			}
			
		}
	}
	
	.content{
		padding-bottom: 30rpx;
		
		.panel{
			background-color: #fff;
			padding: 20rpx 24rpx;
			
			.item{
				padding-top: 30rpx;
				padding-bottom: 20rpx;
				padding-left: 24rpx;
				padding-right: 20rpx;
				border-radius: 6rpx;
				background-color: #f2f7ff;
				width: 336rpx;
				min-width: 336rpx;
				box-sizing: border-box;
				
				&.bg1{background-color: #fff7f0;}
				&.bg2{background-color: #effff8;}
				&.bg3{background-color: #f1f1fe;}
				
				.tit{width:128rpx;min-width:128rpx;}
				.numbox{
					text-align: center;
					font-size: 22rpx;
					color: #666666;
					
					.num{
						font-size: 26rpx;
						color: #1d57f3;
						margin-bottom: 14rpx;
					}
				}
			}
		}
		
		.px20{
			padding: 0 20rpx;
		}
		
		.card{
			padding: 20rpx 13rpx;
			background-color: #fff;
			border-radius: 10rpx;
			margin-top: 20rpx;
			
			.title{
				font-size: 32rpx;
				margin-top: 0;
				
				.ricon{
					font-size: 28rpx;
					color: #999999;
					margin-right: 14rpx;
				}
			}
			
		}
		
		.lj-consultation-list{
			.item{
				border-radius: 8rpx;
				border: 1px solid #dddddd;
				padding: 24rpx 22rpx 26rpx;
				padding-left: 6rpx;
				margin-top: 20rpx;
				
				.avatar{
					width: 118rpx;
					min-width: 118rpx;
					height: 118rpx;
					border-radius: 50%;
					margin-right: 18rpx;
				}
				
				.name{}
				.sex,.age,.tag{
					font-size: 24rpx;;
					color: #777777;
				}
				.sex{
					margin-left: 18rpx;
				}
				.age{
					margin-left: 15rpx;
				}
				.tag{
					border-radius: 5rpx;
					background-color: #f7f3d2;
					color: #b19526;
					padding: 6rpx 12rpx;
					margin-left: 34rpx;
					
					&.v{
						background-color: #e3e2fa;
						color: #6868d8;
					}
					&.r{
						background-color: #d8efc7;
						color: #357505;
					}
				}
				.price{
					color: #f48e17;
				}
				
				.con,.time{
					font-size: 22rpx;
					color: #808080;
					text{
						color: #333;
					}
				}
				.con{
					padding-right: 58rpx;
					margin-top: 18rpx;
					margin-bottom: 18rpx;
				}
				.time{}
				
				.btn-receive{
					width: 118rpx;
					height: 45rpx;
					line-height: 45rpx;
				}
			}
			
		}
		
	}
	
}